<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>搜索页面</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        #tjplace>li:last-child{
            border-bottom: 10px solid #eee;
        }
        /*请稍等*/
        #pleasewait{
            background: #fff;
            border-bottom: 10px solid #eee;
        }
        #pleasewait>div.waitbox{
            margin: 0 auto;
            width:40%;
            box-sizing: border-box;
            overflow: hidden;
        }
        #pleasewait>div.waitbox>div{
            width:65px;
            margin:0 auto;
            font-size: 15px;
            padding:10px;
            padding-right:30px;
            background: url("img/01.gif") no-repeat right;
            background-size: 30px;
        }
        #pleasewait>div.waitbox>#nonews{
            background:#fff;
            width:105px;
        }
        .scoreimg{
            position: relative;
            color:#F4C600;
            font-size:12px;
            padding-left:30px;
        }
        .scoreimg img:first-child{
            height: 16px;
            position: absolute;
            top: 0px;
            left: 0px;
        }
        .scoreimg img:last-child{
            height: 16px;
            position: absolute;
            top: 0px;
            left: 15px;
        }
        .mweb_lookup_bar_input_wrapper{
            right:43px;
        }
        #chat1{
            float: right;
            width:39px;
            height:44px;
            background: url("img/chatlogo.png")no-repeat center;
            background-size:20px ;
            cursor: pointer;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper nonav">
    <div class="Header MobileWebLookupBarHeader">
        <div class="fixed_header">
            <div class="header_main">
                <button class="mweb_modal_back_button"></button>
                <div class="mweb_lookup_bar_input_wrapper">
                    <input class="mweb_lookup_bar_input" type="search" placeholder="走的人多了也就成了路.." id="searchinput">
                </div>
                <a class="logo symbol_logo"  id="chat1"></a>
            </div>
            <div class="mweb_new_stories_button_wrapper"></div>
        </div>
    </div>
    <!-- 提示部分-->
    <div class="mweb_lookup_bar_footer_wrapper">
        <div class="mweb_lookup_bar_text ">分享您的经验或提出您的问题</div>
        <div class="button_wrapper">
            <a class="mweb_lookup_bar_button additbtn">添加它</a>
        </div>
    </div>
    <!-- 搜索提示部分-->
    <div class="QuestionList LookupBarResults ExistingQuestions">
        <div class="Section BlockComponent">
            <ul class="ts_cells" id="tjplace">
                <!-- 等待加载提醒-->
                <div id="pleasewait" style="display:block;">
                    <div class="waitbox">
                        <div id="waiting">加载中...</div>
                        <div id="nonews" style="display:none">无相关搜索信息</div>
                    </div>
                </div>
                <!--推荐内容部分 -->
            </ul>
            <ul class="ts_cells">
                <li class="Cell ActionableCell ViewMoreResultsCell DisclosureMixin has_discl" style="border-top:none;">
                    <a class="tc_inner sticky_highlight" id="gotosearch">
                            <span class="tc_text">
                                <div class="photo_info_layout size_tiny">
                                    <div class="photo_wrapper">
                                        <div class="photo">
                                            <img src="img/search03.png" id="searchbtn" style="opacity: 1;">
                                        </div>
                                    </div>
                                    <div class="info_wrapper">
                                        <div class="info">
                                            <span class="selector_result_type">搜索: </span>
                                            <b id="lastsearchword">点击开始搜索</b>
                                        </div>
                                    </div>
                                </div>
                            </span>
                    </a>
                    <div class="tc_stroke"></div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 弹出框1-->
<div class="modal_bg" style="display: none;"></div>
<!-- 背景和选项框效果不同需要分开放置-->
<div class="action_menu_container" style="display: none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button" id="gotoask">提问题</a>
            <a class="mweb_action_button" id="goshareexp">分享经验</a>
            <a class="mweb_action_button" id="goshareheiexp">分享高额经验</a>
            <a class="mweb_action_button cancel">取消</a>
        </div>
    </div>
</div>
<!--分享付费提示-->
<div class="action_menu_container moneyinfomob" style="display:none;overflow: hidden;background:rgba(0,0,0,0.75)">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button sharepayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px; display:block;">
                您的账户余额不足！
            </a>
            <a class="mweb_action_button askpayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px;">
                请在 “设置”、“个人账户” 中进行充值。
            </a>
            <a class="mweb_action_button" id="okgobtn">确定</a>
            <a class="mweb_action_button" id="cancel">取消</a>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/tohref.js"></script>
<script>

    //一级列表
    if(document.getElementById("read1")){
        document.getElementById("read1").onclick=function(){
            location.href="home.html";
        };
    };
    if(document.getElementById("answer1")){
        document.getElementById("answer1").onclick=function(){
            location.href="questionlist.html";
        };
    }
    if(document.getElementById("chat1")){
        document.getElementById("chat1").onclick=function(){
            location.href="chatpage.html";
        };
    }
    if(document.getElementById("set1")){
        document.getElementById("set1").onclick=function(){
            location.href="setpage.html";
        };
    }
    //去提问题
    if(document.getElementById("gotoask")){
        document.getElementById("gotoask").onclick=function(){
            location.href="sendquestion.html";
        };
    }
    //去分享经验
    if(document.getElementById("goshareexp")){
        document.getElementById("goshareexp").onclick=function(){
            location.href="sendexp.html";
        };
    }
    //去分享高额经验
    if(document.getElementById("goshareheiexp")){
        document.getElementById("goshareheiexp").onclick=function(){
            location.href="sendexpg.html";
        };
    }
</script>
<script>
    document.getElementsByClassName("mweb_modal_back_button")[0].onclick=function(){
        history.go(-1);
    };


    //分享新闻 提问 模态框
    var overflowlist=document.getElementsByClassName("additbtn");
    var modalbg=document.getElementsByClassName("modal_bg")[0];
    var modal=document.getElementsByClassName("action_menu_container")[0];
    var cancel=document.getElementsByClassName("cancel")[0];
    var timer;
    for(var i=0;i<overflowlist.length;i++){
        overflowlist[i].onclick=function(){
            modalbg.style.display="block";
            modal.style.display="block";
        }
    };
    cancel.onclick=function(){
        if(modalbg.style.display=="block"&&modal.style.display=="block"){
            modalbg.className+=' animate_out';
            modal.className+=' animate_out';
        }
        timer=setTimeout(changeclass,100);
    };
    function changeclass(){
        modalbg.className='modal_bg';
        modal.className='action_menu_container';
        clearTimeout();
        timer=null;
        changedisplay();
    };
    function changedisplay(){
        modalbg.style.display="none";
        modal.style.display="none";
    };
</script>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="js/search.js"></script>
</body>
</html>